<template>
  <div class="demo">
    <div class="demo-title">带移除图标</div>
    <div class="demo-content">
      <Input v-model:value="value1" placeholder="input with clear icon" allow-clear />
      <br />
      <br />
      <Input.Textarea v-model:value="value2" placeholder="textarea with clear icon" allow-clear />
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import Input from '@sscd/input';
  const value1 = ref<string>('');
  const value2 = ref<string>('');
</script>

<style lang="less" scoped></style>
